{extend name="layout" /}
{block name="content"}
<div class="mui-content">
	<div class="exchange-detail tm-df-size uk-margin-small-top">
		<div class="tm-label-md tm-bg-white">
			<div class="main-content">
				{eq name="info.status" value="1"}
				<span class="tm-df-size tm-font-yellow">{$info.statusname}</span>
				{else /}
				<span class="tm-df-size tm-font-blue">{$info.statusname}</span>
				{/eq}
			</div>
		</div>
		<div class="tm-label tm-border-top tm-bg-white">
			<div class="main-content">
				<div class="tm-flex-row-xsx">
					<div class="tm-flex">
						<div class="tm-flex-1">
							<span>收货人：{$info.name}</span>
						</div>
						<div>
							<span>{$info.phone}</span>
						</div>
					</div>
				</div>
				<div class="tm-flex-row-xsx">
					<div class="tm-inline-1-5 tm-xs-size">
						收货地址：{$info.address}
					</div>
				</div>
			</div>
		</div>
		<div class="tm-label tm-border-top tm-bg-white">
			<div class="main-content">
				<a href="{:url('exchange_detail', ['id'=>$info.convertid])}">
				<div class="tm-flex">
					<div class="tm-atav tm-flex-head">
						<div class="tm-location-parent">
							<div class="tm-location-img" style="background-image: url({$convert.thumb});"></div>
							<img class="redundant-img" src="{$images_path}px-1.png" alt="" width="100">
						</div>
					</div>
					<div class="tm-flex-1">
						<div class="tm-flex tm-flex-v height-all">
							<div class="tm-flex-1">
								<div class="tm-inline-1-5">
									{$convert.title}
								</div>
							</div>
							<div class="">
								<div class="tm-flex">
									<div class="tm-flex-1">
										<span class="tm-font-green">{$convert.price}积分</span>
									</div>
									<div>
										<span class="tm-font-gray">×{$info.nums}</span>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				</a>
			</div>
		</div>
		<div class="tm-label tm-border-top tm-bg-white">
			<div class="main-content">
				<div class="tm-flex flex-align-center">
					<div class="tm-flex-1">
						<div class="tm-font-gray">
							<div class="tm-flex-row">
								<span>货物状态：{$info.statusname}</span>
							</div>
							<div class="tm-flex-row">
								<span>兑换时间：{$info.dateline}</span>
							</div>
							<div class="tm-flex-row">
								<span>运单编号：{$info.expressno ? $info.expressno : '未添加'}</span>
							</div>
						</div>
					</div>
					<div>
						<div class="tm-flex">
							<a href="tel:{:config('SERVICE_PHONE')}" class="tm-icon-item tm-icon-item-v">
								<div class="tm-icon">
									<img src="{$images_path}phone-green.png" alt="" width="17" height="17" />
								</div>
								<div class="tm-icon-label">
									咨询电话
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="uk-margin-large-top">
			<div class="main-content">
				<button type="button" class="mui-btn mui-btn-green mui-btn-block cocoAjax" confirm="确定已经收到货物了吗？" ajax-url="{:url('v1/order/receive_convert')}" ajax-data="{  id:{$info.id}}" ajax-callback="suc_back" {neq name="info.status" value="2"} disabled {/neq}>确认收货</button>
			</div>
		</div>
	</div>
</div>
{/block}
{block name="script"}
<script type="text/javascript">
	function suc_back(obj, data) {
		coco_refresh_window();
	}
</script>
{/block}